@import url("mmseditor.css");

body{ color: #333; margin: 0px; padding: 0px; background: #fff; font-size: 12px; font-family: Arial, sans-serif; }

.l { float: left; }

.r { float: right; }

.cl { clear: both; }

.text-l { text-align: left; }

.text-r { text-align: right; }

.text-c { text-align: center; }

#top { background: url(jkt-imgs/jktimg_02.jpg) repeat-x; height: 76px; }

#top #logo{ background: url(jkt-imgs/jktimg_01.jpg) no-repeat; width: 320px; height: 76px; }

#top #userInfo { height: 76px; width: 320px; font-family: Arial, sans-serif; }

#top #userInfo a{ color: #FF6; text-decoration: none; }

#top #userInfo a:hover{ color: #FFf; }

#top #userInfo ul{ list-style: none; margin: 10px 30px 0px 0px; }

#top #userInfo ul li{ color: #fff; font-size: 12px; line-height: 24px; height: 24px; }

.searchBar { background: #E3F1FD; border: 1px solid #B4C3C6; color: #414141; font-size: 12px; font-family: Arial, sans-serif; padding: 10px; margin: 0px 0px 10px 0px; }

.inputArea { font-family: arial, sans-serif; font-size: 13px; height: 19px; line-height: 19px; background: #fff; border: 1px solid #A5ACB2; }

.btns { background: url(jkt-imgs/btn.jpg) no-repeat; border: none; color: white; font-size: 12px; font-weight: normal; height: 24px; width: 60px; }

.ui-title { font-size: 12px; font-weight: normal; color: #fff; background: #2191c0 url(redmond/images/ui-bg_highlight-hard_75_2191c0_1x100.png) 50% 50% repeat-x; line-height: 28px; height: 28px; text-indent: 10px; border-top: 1px solid #35b4de; }

.tdtitle { background: #CCC url(jkt-imgs/tdtitle.png) repeat-x 50% 50%; height: 28px; line-height: 20px; color: #414141; }

.tdhover { background: #CEFFFF url(jkt-imgs/tdhover.png) repeat-x 50% 50%; height: 28px; line-height: 20px; color: #414141; }

.turnpage-icon { display: block; text-indent: -99999px; overflow: hidden; width: 16px; height: 16px; background: url(jkt-imgs/turnpage-icon.gif) no-repeat; }

.turnpage-icon-first { background-position: 0px 0px; }

.turnpage-icon-prev { background-position: -32px 0px; }

.turnpage-icon-next { background-position: -48px 0px; }

.turnpage-icon-end { background-position: -16px 0px; }

input { background: #FFFFFF; border: 1px solid #ccc; }

select { background: #FFFFFF; border: 1px solid #ccc; }

.border4{ background: #E4F5FF; border: 1px solid #9BC9DF; font-size: 12px; }

.save{ margin: 5px 10px 0px 0px; text-decoration: none; font-weight: normal; background: url(../images/save.gif) left top no-repeat; width: 40px; height: 16px; line-height: 16px; display: block; color: #fff; padding: 0px 0px 0px 10px; }

.jkt-tableStyle { border-top: 1px solid #ddeaef; border-left: 1px solid #ddeaef; border-right: 1px solid #ddeaef; font-size: 12px; font-weight: normal; color: #555; }

.jkt-tableStyle td{ border-top: 1px solid #fff; border-bottom: 1px solid #eaeaea; padding: 5px; }

.jkt-tableStyle .bluetd{ background: #EBF5FD; }

.jkt-tableStyle .bluetd2{ background: #f6f7f8; }

.jkt-tableStyle tr{ display: table-row; }

div.success { position: relative; margin: 0 0 8px 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; background: #E6EFC2 url(jkt-imgs/jkt-icon_success.gif) 10px 11px no-repeat; border-color: #C6D881; font-size: 12px; padding: 10px 10px 10px 36px; line-height: 1.5em; color: #484848; }

div.error { position: relative; margin: 0 0 8px 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; background: #FBE3E4 url(jkt-imgs/jkt-icon_error.gif) 10px 11px no-repeat; border-color: #FBC7C9; font-size: 12px; padding: 10px 10px 10px 36px; line-height: 1.5em; color: #484848; }

.red-color { color: #C30; }

/*2011-03-10*/
fieldset { padding: 10px; margin: 10px 10px 5px 10px; color: #333; border: #A5C8F3 solid 1px; }
 
legend { color: #2191C0; font-weight: bold; background: #fff url(../images/box_bg.jpg) top repeat-x; border: #A5C8F3 solid 1px; padding: 3px 6px; margin-bottom: 10px; }

.btns-six { background: url(jkt-imgs/btn-six.jpg) no-repeat; border: none; color: white; font-size: 12px; font-weight: normal; height: 24px; width: 90px; }

.scroll { background-color: transparent; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

/*2011-03-18*/
.lists { width: 100%; }

/*2011-04-06*/
.add,.modify,.del,.submit,.batch-access,.access,.batch-import,.check,.send,.resend,.sendsend,.add-user,.reply,.assign,.templete,.flow-charts{background:url(jkt-imgs/btngroup.gif) no-repeat 0 0; margin: 5px 10px 0px 0px; text-decoration: none; font-weight: normal; line-height: 16px;height: 16px;display: block; color: #fff; padding:0px 0px 0px 8px }

.add{background-position:0 0;}
.modify{background-position:0 -16px;}
.del{background-position:0 -32px;}
.submit{background-position:0 -48px;}
.check{background-position:0 -64px;}
.batch-import{background-position:0 -80px;}
.access{background-position:0 -96px;}
.batch-access{background-position:0 -112px;}
.send{background-position:0 -128px;}
.resend{background-position:0 -144px;}
.sendsend{background-position:0 -160px;}
.add-user{background-position:0 -176px;}
.templete{background-position:0 -192px;}
.assign{background-position:0 -208px;}
.reply{background-position:0 -224px;}
.flow-charts{background-position:0 -240px;}

/*2011-05-30*/
.smallbtn { background:url(../images/box_bg.jpg) center repeat-x; color:#666}
.arrowbtn { background: url(../images/bottombg.gif) repeat-x; width:22px; height:18px; text-align:center; color: #2E8ACA; border:1px solid #09C;  font-size:10px;  font-weight:bold; display:block; margin-bottom:2px}
/**bzq add*/
.smallbtna {background:url(../images/save2.gif) center repeat-x;background-repeat: no-repeat;color:#666 ;width:16px; height:16px;}
.smallbtnb {background:url(../images/LedIcon_306.gif) center repeat-x;background-repeat: no-repeat;color:#666 ;width:16px; height:16px;}
/**lwh add*/
.tableStyle { border-top:1px solid #ddeaef;border-left:1px solid #ddeaef;border-right:1px solid #ddeaef; font-size:12px; font-weight:normal; color:#555}
.tableStyle td{border-top:1px solid #fff;border-bottom:1px solid #eaeaea; padding:5px}
.tableBox .bluetd{background:#F6F7F8}
.tableBox .bluetd2{ background: #FCFEFF}
.tableStyle tr{display: table-row;}
.bluetd{background:#F6F7F8}
.bluetd2{ background: #FCFEFF}
